<template>
    <div class="forum-item-outer">
        <div></div>
    </div>  
  </template>
    
  <script>
  export default {
    props:{
        "forum":Object,
    },
    mounted(){
      let createAt = this.forum.id
      let date = createAt.substring(0, 8)
      let timestamp = parseInt(date,16) * 1000
      this.forum.createAt = new Date(timestamp).format("yyyy-MM-dd hh:mm:ss")
    }
  }
  
  </script>
  <style>
  .forum-item-outer{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    box-shadow: 0px 0px 5px 5px #ddd;
    border-radius: 10px;
  }
  </style>
    